<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_792551_0o4jg9vy3hmh.css 

    "/>
    <link rel="stylesheet" href="../css/shopping-pay.css">
    <title>Document</title>
</head>

<body>
    <div class="wrap">
        <header>
            <div class="top">
                <div class="top-t clearfix w">
                    <span>
                        <a href="reg.html">注册</a>
                        <a href="reg.html">登录</a>
                        <a href="VIP_landing.html">VIP登录</a>
                    </span>
                    <ul>
                        <li><a href="search.html">商家入驻</a></li>
                        <li><a href="shopping-Mall-shopping-cart.html">我的订单</a></li>
                        <li><a href="shopping-address.html"><b class="iconfont icon-gouwuche"></b> <b>( 0 )</b></a></li>
                    </ul>
                </div>
        	</div>
	        <div class="header_contant clearfix w">
	            <div class="logo">
	                <a href="index.html"><img src="../images/index/logo.png"/></a>
	            </div>
	            <div class="search">
	                <form action="" method="post" class="clearfix">
	                    <input type="text" placeholder="serch"/>
	                    <input type="button" value=""/>
	                    <i class="iconfont icon-fangdajing magnifying"></i>
	                </form>
	                <ul class="clearfix">
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                </ul>
	            </div>
	        </div>
            <nav>
                <div class="nav w">
                    <ul class="clearfix">
                        <li class="nav_li">
                            <a href="login-accounts.html">木工</a>
                            <div class="navigation">
                                <div class="centent w">
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">板材</li>
                                            <li><a href="#">装饰面板</a></li>
                                            <li><a href="#">宝丽板</a></li>
                                            <li><a href="#">三聚氰胺板</a></li>
                                            <li><a href="#">铝塑板</a></li>
                                            <li><a href="#">多层板</a></li>
                                            <li><a href="#">中纤板</a></li>
                                            <li><a href="#">细木工板</a></li>
                                            <li><a href="#">刨花板</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">欧松板</a></li>
                                            <li><a href="#">防火板</a></li>
                                            <li><a href="#">密度板</a></li>
                                            <li><a href="#">其他板材</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板</li>
                                            <li><a href="#">实木地板</a></li>
                                            <li><a href="#">实木复合地板</a></li>
                                            <li><a href="#">强化复合地板</a></li>
                                            <li><a href="#">竹地板</a></li>
                                            <li><a href="#">软木地板</a></li>
                                            <li><a href="#">塑料地板</a></li>
                                            <li><a href="#">PVC地板</a></li>
                                            <li><a href="#">其他地板</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木线</li>
                                            <li><a href="#">普通龙骨</a></li>
                                            <li><a href="#">精品龙骨</a></li>
                                            <li><a href="#">顶线</a></li>
                                            <li><a href="#">门线</a></li>
                                            <li><a href="#">角线</a></li>
                                            <li><a href="#">木方线</a></li>
                                            <li><a href="#">收口线</a></li>
                                            <li><a href="#">花木线</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">踢脚线</a></li>
                                            <li><a href="#">定制木线</a></li>
                                            <li><a href="#">其他木线</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板配件</li>
                                            <li><a href="#">地板订</a></li>
                                            <li><a href="#">扣条</a></li>
                                            <li><a href="#">地垫</a></li>
                                            <li><a href="#">地板蜡</a></li>
                                            <li><a href="#">地板清洁剂</a></li>
                                            <li><a href="#">底板防水油</a></li>
                                            <li><a href="#">地板修补剂</a></li>
                                            <li><a href="#">甲醛清除剂</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">地板安装工具</a></li>
                                            <li><a href="#">其他地板配件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">吊顶钢龙骨</li>
                                            <li><a href="#">吊筋</a></li>
                                            <li><a href="#">吊钢</a></li>
                                            <li><a href="#">轻钢龙骨</a></li>
                                            <li><a href="#">扣板龙骨</a></li>
                                            <li><a href="#">铝合金龙骨</a></li>
                                            <li><a href="#">其他吊件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木工类五金</li>
                                            <li><a href="#">拉手</a></li>
                                            <li><a href="#">锁</a></li>
                                            <li><a href="#">合页</a></li>
                                            <li><a href="#">铰链</a></li>
                                            <li><a href="#">插销</a></li>
                                            <li><a href="#">门夹</a></li>
                                            <li><a href="#">碰珠</a></li>
                                            <li><a href="#">脚轮</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">闭门器</a></li>
                                            <li><a href="#">地弹簧</a></li>
                                            <li><a href="#">吊轮</a></li>
                                            <li><a href="#">导轨</a></li>
                                            <li><a href="#">螺栓</a></li>
                                            <li><a href="#">钉</a></li>
                                            <li><a href="#">角码</a></li>
                                            <li><a href="#">螺母</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li class="clearfix"><a href="#">围网</a></li>
                                            <li><a href="#">其他木工五金</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav_li">
                            <a href="#">泥水工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">油漆工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">电工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">门窗/其他</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">装修工具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">消防材料</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">建筑防具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">精细化学品</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">定制/非标准</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header> 
        <section class="section clearfix">
            <div class="section-left fl">
                <p>我的购物车</p>
                <div class="tip">
                    <p>VIP平时享受正价九折优惠</p>
                </div>
                <div class="user">
                    <ul>
                        <li>会员账号</li>
                        <li>张三@某某</li>
                    </ul>
                </div>
                <!--三个步骤按钮-->
                <div class="step">
                    <ul class="clearfix">
                        <li class="fl">
                            <a href="#">
                                <p>1.配送地址</p>
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <p>2.支付方式</p>
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <p>3.订单确认</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="pay-contain">
                    <div class="payway fl">
                        <ul>
                            <li>信用卡支付</li>
                            <li>银行卡支付</li>
                            <li>支付宝支付</li>
                            <li>货到付款</li>
                        </ul>
                    </div>
                    <div class="bank fl">
                        <ul>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/jianshe.jpg" alt="">
                                    </div>
                                </div>

                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/gongshang.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/nongye.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/zhaoshang.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/zhongguo.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/pufa.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/jiaotong.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="bankcontain">
                                    <input type="radio" name="1" id="bank">
                                    <div class="img-contain">
                                        <img src="../images/shopping/mingsheng.jpg" alt="">
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="button fr">
                    <div class="button-back">
                        <a href="#">返回</a>
                    </div>

                    <a href="shopping-Mall-shopping-cart.html">
                        <div class="button-next">
                            <p>下一步</p>
                        </div>
                    </a>
                </div>
            </div>
            <!--内容右边部分-->
            <div class="section-right fr clearFix">
                <h3>我的购物车</h3>

                <span>修改</span>
                <div class="clearFix">
                </div>
                <!--第一个商品-->
                <div class="commodity1">
                    <div class="commodity1-img fl">
                        <img src="../images/shopping/1.jpg" />
                    </div>
                    <h3>商品品牌名称</h3>
                    <ul>
                        <li>颜色：白色</li>
                        <li>规格：规格x规格</li>
                        <li>NH5478525666</li>
                        <li>数量：1</li>
                        <li>价格：150.00</li>
                    </ul>
                    <span>价格：￥150.00</span>
                </div>
                <!--第二个商品-->
                <div class="commodity1">
                    <div class="commodity1-img fl">
                        <img src="../images/shopping/1.jpg" />
                    </div>
                    <h3>商品品牌名称</h3>
                    <ul>
                        <li>颜色：白色</li>
                        <li>规格：规格x规格</li>
                        <li>NH5478525666</li>
                        <li>数量：1</li>
                        <li>价格：150.00</li>
                    </ul>
                    <span>价格：￥150.00</span>
                    <!--第二个商品结束div-->
                </div>
                <div class="section-right-end">
                    <table>
                        <tr>
                            <td>商品金额 </td>
                            <td>¥900.00</td>
                        </tr>
                        <tr>
                            <td>优惠 </td>
                            <td class="td-4-color">-¥0.00</td>
                        </tr>
                        <tr>
                            <td>运费</td>
                            <td>¥0.00</td>
                        </tr>
                        <tr>
                            <td colspan="2" class="tr">
                                <hr />
                            </td>

                        </tr>
                        <tr>
                            <td class="last-money">订单总额</td>
                            <td class="last-money">¥900.00</td>
                        </tr>
                    </table>
                </div>
                <!--右边内容结束-->
            </div>

        </section>
        <footer>
            <div class="footer_tittle clearfix w">
                <ul>
                    <li class="quan"><p>优</p></li>
                    <li>
                        <h5>品质保障</h5>
                        <span>品质保障 品质无忧</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>特</p></li>
                    <li>
                        <h5>特色服务</h5>
                        <span>针对户型 私人定制</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>省</p></li>
                    <li>
                        <h5>全网最低</h5>
                        <span>厂家直销 低价承诺</span>
                    </li>
                </ul>
                <ul>
                    <li class="bangzhu"><p class="iconfont icon-bangzhuzhongxin"></p></li>
                    <li>
                        <h5>帮助中心</h5>
                        <span>你的购物指南</span>
                    </li>
                </ul>
            </div>
            <div class="footer_ul clearfix w">
                <ul>
                    <li>
                        <h5><a href="#">新手指南</a></h5>
                    </li>
                    <li>
                        <a href="#">新手指南</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">支付方式</a></h5>
                    </li>
                    <li>
                        <a href="#">支付宝</a>
                    </li>
                    <li>
                        <a href="#">微信支付</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">物流配送</a></h5>
                    </li>
                    <li>
                        <a href="#">物流方式</a>
                    </li>
                    <li>
                        <a href="#">服务流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">客服中心</a></h5>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li class="xiongdi">
                        <a href="#">扫一扫，关注鲁班兄弟</a>
                    </li>
                    <li class="erweima">
                        <a href="#"><img src="../images/index/erweima.jpg"/></a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="bottom_contant">
                    <p>
                    	Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771<span>|</span><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">法律声明</a>
                    </p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>